<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>练习</title>
    <link rel="stylesheet" href="index.css">
</head>

<body>
    
    <section class="section-goods">
        <main class="main-good-list">
            <!--商品头部-->
            <header class="clearFix">
                <div class="title-left">
                    智能
                </div>
                <ul class="title-right">
                    <li class="selected">智能</li>
                    <li>安防</li>
                    <li>出行</li>
                </ul>
            </header>

            <!--商品列表-->
            <ul class="good-list clearFix">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li class="margin-off"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li class="margin-off"></li>
            </ul>
            <a class="book" href="#"></a>
        </main>
    </section>
</body>

</html>